<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<!-- Mirrored from egythemes.com/shopfine/contact.html by HTTrack Website Copier/3.x [XR&CO'2013], Fri, 22 Nov 2013 14:47:38 GMT -->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>ShopFine: Contact</title>
	<meta name="description" content="">
	<meta name="author" content="Ahmed Saeed">
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
	<!-- jquery ui css -->
	<link rel="stylesheet" href="css/jquery-ui-1.10.1.min.css">
	<link rel="stylesheet" href="css/customize.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- flexslider css-->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- fancybox -->
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css">
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.html">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.html">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.html">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.html">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
                                            <li><a href=""><img src="img/reseausosc/facebook_32.png"/></a></li>
                                            <li><a href="#"><img src="img/reseausosc/google_32.png"/></a></li>
                                            <li><a href="http://twitter.com/amaranthe"><img src="img/reseausosc/twitter_32.png"/></a></li>
                                            <li><a href="#"><img src="img/reseausosc/youtube_32.png"/></a></li>
					</ul>
					<p>
                            Bienvenu au PA-Learning<a href="login.jsp">Connexion</a> ou <a href="register.jsp">Creer un nouveaux Compte</a>
                        </p>
				</div><!--end container-->
			</div><!--end upperHeader-->

                <div class="middleHeader">
                    <div class="container">

                        <div class="middleContainer clearfix">

                            <div class="siteLogo pull-left">
                                <h1><a href="index.jsp">PA-Learning</a></h1>
                            </div>

                            <div class="pull-right">
                                <form method="get" action="" class="siteSearch">
                                    <div class="input-append">
                                        <input type="text" class="span2" id="appendedInputButton" placeholder="Search...">
                                        <button class="btn btn-primary" type="submit" name=""><i class="icon-search"></i></button>
                                    </div>
                                </form>
                            </div>

                      <div class="pull-right">

                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        FR <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu language">
                                        <li><a href="#">EN</a></li>
                                        

                                    </ul>
                                </div>
                            </div><!--end middleCoontainer-->

                        </div><!--end middleCoontainer-->

                    </div><!--end container-->
                </div><!--end middleHeader-->

			<div class="mainNav">
				<div class="container">
					<div class="navbar">
					      	<ul class="nav">
				      		<li class="active"><a href="index.html"><i class="icon-home"></i></a></li>
				      		<li>
				      			<a href="">A propos<i class="icon-caret-down"></i></a>
				      			<div>
					      			<ul>
					      				<li><a href="#"> <span>-</span> A proops de nous</a></li>
					      				<li><a href="#"> <span>-</span> A propos de nos formateurs</a></li>
					      				
					      			</ul>
					      		</div>
				      		</li>
				      		<li>
				      			<a href="#">Cours<i class="icon-caret-down"></i></a>
				      			<div>
					      			<ul>
					      				<li><a href="#"> <span>-</span> Dresses (2)</a></li>
					      				<li><a href="#"> <span>-</span> Jackets &amp; Coats (4)</a></li>
					      				<li>
					      					<a href="#"> <span>-</span> Skirts (0) <i class="icon-caret-right pull-right"></i></a>
					      					<div>
								      			<ul>
								      				<li><a href="#"> <span>-</span> Dresses (2)</a></li>
								      				<li><a href="#"> <span>-</span> Jackets &amp; Coats (4)</a></li>
								      				<li><a href="#"> <span>-</span> Skirts (0)</a></li>
								      				<li><a href="#"> <span>-</span> Suits &amp; Tailoring (82)</a></li>
								      				<li><a href="#"> <span>-</span> Tops (58)</a></li>
								      				<li><a href="#"> <span>-</span> Shoes (15)</a></li>
								      				<li><a href="#"> <span>-</span> Shorts (54) </a></li>
								      			</ul>
								      		</div>
					      				</li>
					      				<li><a href="#"> <span>-</span> Suits &amp; Tailoring (82)</a></li>
					      				<li><a href="#"> <span>-</span> Tops (58)</a></li>
					      				<li><a href="#"> <span>-</span> Shoes (15)</a></li>
					      				<li><a href="#"> <span>-</span> Shorts (54) </a></li>
					      			</ul>
					      		</div>
				      		</li>
				      		<li>
				      			<a href="#">Examen<i class="icon-caret-down"></i></a>
				      			<div>
					      			
					      		</div>
				      		</li>
				      		<li><a href="#">Entreprise</a></li>
				      		<li><a href="#">Probleme/Soultion</a></li>
				      		<li>
                                                    <a href="contact.html">Contactez-nous</a>
				      			<div>
					      			
					      		</div>
				      		</li>
				      		<li><a href="#">OutLet</a></li>
				      		
				      	</ul><!--end nav-->
					</div>
				</div><!--end container-->
			</div><!--end mainNav-->
			
		</header>
		<!-- end header -->



		<div class="container">

			<div class="row">

				<div class="span4">
					<div class="contact-info">
						<div class="titleHeader clearfix">
							<h3>Contact Information</h3>
						</div><!--end titleHeader-->

						<address>
						   <strong><i class="icon-pushpin"></i> Addresse Info:</strong><br>
						   <strong>PA-Learning</strong><br>
						   22 Avenue 2mars....
						    <abbr title="Phone">P:</abbr> (123) 456-7890
						</address>

						<address>
						   <strong><i class="icon-volume-up"></i> Give Us a call on:</strong><br>
						    (123) 456-7890 OR (526) 666-7892
						</address>

						<address>
						   <strong><i class="icon-envelope-alt"></i> E-Mail Us on:</strong><br>
						    <abbr title="Phone">for Support:</abbr> <a href="mailto:example@example.com">pa.learning@learning.com</a><br>
						  
						</address>
						
					</div><!--end contact-info-->
                                         <div class="span3">
                                    <div class="titleHeader clearfix">
                                        <h3>Telecharger notre application</h3>
                                    </div><!--end titleHeader-->
                                    <ul class="unstyled my-account">
                                        
                                        <li><img src="img/android.jpg"/></li>
                                        <li><img src="img/iphone.png"/></li>
                                    </ul>
                                </div><!--end span3-->
				</div><!--end span4-->


				<div class="span8">
                                    <div  id="map" class="google-map">
                                 <iframe></iframe>
                                       
					</div><!--end google-map-->


					<div class="contact-us-form">
						<div class="titleHeader clearfix">
							<h3>Envoyer un Message </h3>
						</div><!--end titleHeader-->

						<form method="post" action="">
							<div class="controls controls-row">
							   <input class="span4" type="text" placeholder="Votre nom">
							   <input class="span4" type="text" placeholder="Votre E-Mail">
							</div>
							<div class="controls">
							   <textarea class="span8" placeholder="Votre Message..."></textarea>
							</div>
							<div class="controls">
							   <button type="submit" class="btn btn-primary pull-right">Envoyer</button>
							</div>
						</form><!--end form-->
					</div><!--end contact-us-form-->

				</div><!--end span8-->
				
			</div><!--end row-->

		</div><!--end conatiner-->


		<!--begain footer-->
		<footer>
		<div class="footerOuter">
			<div class="container">
				<div class="row-fluid">

					<div class="span6">
					 <div class="titleHeader clearfix">
                                                <h3>LIENS UTILES</h3>
                                            </div>


                                            <div class="usefullLinks">
                                                <div class="row-fluid">
                                                    <div class="span6">
                                                        <ul class="unstyled">
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> A propos</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Contactez-Nous</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Théme/Module</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Examen</a></li>
                                                        </ul>
                                                    </div>

                                                    <div class="span6">
                                                        <ul class="unstyled">
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>FAQ</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Entreprise</a></li>
                                                            <li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Formateur</a></li>

                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>

                                        </div><!--end span6-->

                                        <div class="span3">
                                            <div class="titleHeader clearfix">
                                                <h3>Contact Info</h3>
                                            </div>

                                            <div class="contactInfo">
                                                <ul class="unstyled">
                                                    <li>
                                                        <button class="btn btn-small">
                                                            <i class="icon-volume-up"></i>
                                                        </button>
                                                        Tél: <a class="invarseColor" href="#">5246-4697-891</a>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-small">
                                                            <i class="icon-envelope-alt"></i>
                                                        </button>
                                                        <a class="invarseColor" href="#">PA.learning@gmail.com</a>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-small">
                                                            <i class="icon-map-marker"></i>
                                                        </button>
                                                        22 Avenue 2mars....
                                                    </li>
                                                </ul>
                                            </div>
	
					
			</div><!--end container-->
		</div><!--end footerOuter-->

		<div class="container">
			<div class="row">
				<div class="span12">
					
					<p>© Copyrights 2013 PA-Learning.com</p>
				</div>
			</div>
		</div>
		</footer>
		<!--end footer-->

	</div><!--end mainContainer-->


	<!-- End Sidebar Widget-->


	<!-- JS
	================================================== -->
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/maps.js"></script>
        <script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
    <!-- jQuery.Cookie -->
	<script src="js/jquery.cookie.js"></script>
	<!-- bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- flexslider -->
    <script src="js/jquery.flexslider-min.js"></script>
    <!-- cycle2 -->
    <script src="js/jquery.cycle2.min.js"></script>
    <script src="js/jquery.cycle2.carousel.min.js"></script>
    <!-- tweets -->
    <script src="js/jquery.tweet.js"></script>
    <!-- fancybox -->
    <script src="js/fancybox/jquery.fancybox.js"></script>
    <!-- custom function-->
    <script src="js/custom.js"></script>
    
</body>



</html>